/* 覆盖element-plus样式 */

:root {
	--el-color-primary: #409EFF;
	--el-color-primary-light-1: #53a7ff;
	--el-color-primary-light-2: #66b1ff;
	--el-color-primary-light-3: #79bbff;
	--el-color-primary-light-4: #8cc4ff;
	--el-color-primary-light-5: #9fceff;
	--el-color-primary-light-6: #b2d8ff;
	--el-color-primary-light-7: #c5e1ff;
	--el-color-primary-light-8: #d8ebff;
	--el-color-primary-light-9: #ebf5ff;
	--el-color-primary-dark-1: #398ee5;
	--el-color-primary-dark-2: #337ecc;
	--el-color-primary-dark-3: #2c6eb2;
	--el-color-primary-dark-4: #265e99;
	--el-color-primary-dark-5: #204f7f;
	--el-color-primary-dark-6: #193f66;
	--el-color-primary-dark-7: #132f4c;
	--el-color-primary-dark-8: #0c1f32;
	--el-color-primary-dark-9: #060f19;
}

.el-menu {border: none!important;}
.el-menu .el-menu-item a {color: inherit;text-decoration: none;display: block;width:100%;height:100%;position: absolute;top:0px;left:0px;}
.el-menu-item.is-active {background: var(--el-menu-hover-bg-color);}
.el-form-item-msg {font-size: 12px;color: #999;clear: both;width: 100%;}
.el-container {height: 100%;}
.el-aside {border-right: 1px solid var(--el-border-color-light);}
.el-container + .el-aside {border-right: 0;border-left: 1px solid var(--el-border-color-light);}
.el-header {background: #fff;border-bottom: 1px solid var(--el-border-color-light);padding:13px 15px;display: flex;justify-content: space-between;align-items: flex-start;}
.el-header .left-panel {display: flex;align-items: center; margin-right: 30px; padding: 8px 0;}
.el-header .right-panel {display: flex;align-items: center;}
.el-header .right-panel > * + * {margin-left:10px;}
.multi_header {
	flex-wrap: wrap;
	flex-direction: column-reverse;
	align-items: baseline;
	padding-bottom: 10px;
}
.multi_header .right-panel{width: 100%; margin-bottom: 10px;}
.el-footer {background: #fff;border-top: 1px solid var(--el-border-color-light);padding:13px 15px;}
.el-main {padding:15px;}
.el-main.nopadding {padding:0;background: #fff;}
.nopadding_lf {padding-left:0;padding-right:0;background: #fff;}
.el-drawer__body {overflow: auto;padding:0;}
.el-popconfirm__main {margin: 14px 0;}
.el-dialog {padding: 16px 20px;}
.el-card__header {border-bottom: 0;font-size: 17px;font-weight: bold;padding:15px 20px 0px 20px;}
.el-dialog__title {font-size: 17px;font-weight: bold;}
.el-dialog__headerbtn {
	top: 2px;
}
.el-drawer__header>:first-child {font-size: 17px;font-weight: bold;}
.el-tree.menu .el-tree-node__content {height:36px;}
.el-tree.menu .el-tree-node__content .el-tree-node__label .icon {margin-right: 5px;}
.el-progress__text {font-size: 12px!important;}
.el-progress__text i {font-size: 14.4px!important;}
.el-step.is-horizontal .el-step__line {height:1px;}
.el-step__title {font-size: 14px;}
.drawerBG {background: #f6f8f9;}
.el-button+.el-dropdown {margin-left: 10px;}
.el-button-group+.el-dropdown {margin-left: 10px;}
.el-button-group+.el-button-group {margin-left: 10px;}
.el-button--small {
	padding: 5px 8px;
}
.el-tabs__nav-wrap::after {height: 1px;}
.el-table th.is-sortable {transition: .1s;}
.el-table th.is-sortable:hover {background: #eee;}
.el-table .el-table__body-wrapper {background: #f6f8f9;}
.el-col .el-card {margin-bottom: 15px;}
.el-main {flex-basis: 100%;}
.el-main > .scTable .el-table--border::before {display: none;}
.el-main > .scTable .el-table--border::after {display: none;}
.el-main > .scTable .el-table--border .el-table__inner-wrapper::after {display: none;}
.el-main > .scTable .el-table__border-left-patch {display: none;}
.el-main > .scTable .el-table--border .el-table__inner-wrapper tr:first-child td:first-child {border-left: 0;}
.el-main > .scTable .el-table--border .el-table__inner-wrapper tr:first-child th:first-child {border-left: 0;}
.el-table.el-table--large {font-size: 14px;}
.el-table.el-table--small {font-size: 12px;}
.el-table {font-size: 12px;}
.el-date-editor.el-input {width: 100%;}
.el-radio-button__inner {font-size: 12px;}
.el-checkbox-button__inner {font-size: 12px;}
.el-sub-menu .el-icon {font-size: 17px;}
.el-sub-menu .el-sub-menu__icon-arrow {font-size: 12px;}
.el-form-item__label {justify-content: flex-end; padding-right: 5px !important;}
.el-card__body {
	padding: 16px;
}
.el-button--text {
	font-size: 13px;
}
.el-button {
	padding:  8px;
}
.el-button [class*=el-icon]+span {
	margin-left: 3px;
}
.aminui-side-split li.active {background-color: var(--el-color-primary);}
.adminui-tags li:hover {background-color: var(--el-color-primary-light-9);}
.adminui-tags li.active {background-color: var(--el-color-primary)!important;}
.contextmenu li:hover {background-color: var(--el-color-primary-light-9)!important;color: var(--el-color-primary-light-2)!important;}
.data-box .item-background {background-color: var(--el-color-primary)!important;}
.layout-setting,.diy-grid-setting {background-color: var(--el-color-primary)!important;}
.el-table .cell {
	line-height: 18px;
}
.el-table thead .el-table__cell {
	background: #f5f7fa !important;
  color: #333 !important;
}
.el-drawer__header {
	margin-bottom: 14px;
}
.el-tag .el-icon {
	position: relative;
	top: 1px;
}
.el-upload-list {
	margin-top: 6px;
}
.el-upload-list__item {
	margin-bottom: 0;
}
.header-tabs .el-tabs__item.is-active {
	background: none !important;
}
.el-tabs__active-bar {
	transition: none !important;
}
.el-form-item__content {
	width: 240px;
}
.el-button--small.is-round {
	padding: 5px;
	margin-right: 2px;
}





/* 全部禁用el-tag动画 */
.el-tag {transition: all 0s !important;}

/* 覆盖tinymce样式 */
.sceditor .tox-tinymce {border: 1px solid #DCDFE6;border-radius: 0;}
body .tox-tinymce-aux {z-index: 5700;}

// 自定义样式
.tags_wrap {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	.el-tag {
		margin-right: 4px;
		margin-bottom: 4px;
	}
}
// tab 切换
.type_tabs {
	width: 100%;
	display: flex;
	height: 30px;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	margin: 16px 0 10px;
	padding: 0 8px;
	a {
		display: inline-block;
		width: 100px;
		height: 100%;
		line-height: 30px;
		background: #fff;
		border: 1px solid #dcdfe6;
		border-right: none;
		color: #606266;
		text-align: center;
		&:hover {
			color: #409eff;
		}
		&:last-child{
			border-right: 1px solid #dcdfe6;
		}
	}
	.current {
		color: #fff;
		background-color: #409eff;
		border-color: #409eff;
		&:hover {
			color: #fff;
		}
	}
}
.half_dialog {
	width: 100%;

	.fixex_button {
		
		position: fixed;
		bottom: 0;
		right: 0;
		padding: 0 20px 7px 20px;
	}
}
.myItem {
	width: 320px;
}
.highLight {
	color: var(--el-color-primary);
}
.red {
	color: #f56c6c;
}
.normal_a {
	display: inline-block;
}
.normal_a:hover {
	color: var(--el-color-primary) !important;
	transition: .3s all;
}
.search_wrap {
	margin-bottom: 16px;
}
.line_item {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}
.splitLine {
	margin-top: 6px;
	padding-top: 14px;
	border-top: 1px dashed #e4e7ed;
}
.line_item .el-form-item {
	margin-right: 0;
	margin-bottom: 15px;
	width: calc(48%);
	&:last-child {
		// margin-right: 0;
	}
}
.margin_form {
	margin-top: 16px;
}
.short{
	width: 200px !important;
}
.myDrop {
	margin-left: -14px !important;
}
.itemTop_detail {
	padding: 12px;
	font-size: 18px;
	.detailIcon {
		color: #8295cc;
		position: relative;
		top: 2px;
	}
}
.flex_form {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	.el-form-item {
		width: 100%;
		.el-form-item__content {
			align-items: normal;
		}
	}
	.el-cascader {
		width: 100% !important;
	}
	.flex_item {
		width: 49%;
	}
}
.status_icon {
	position: relative;
	top: 2px;
	margin-right: 3px;
}
.projectInfo {
	padding: 10px 16px;
	background: #ebf5ff;
	width: 100%;
	display: flex;
	justify-content: space-between;
	}
	.projectTitle {
		font-size: 18px;
		font-weight: normal;
		display: flex;
		align-items: center;
		.title_icon {
			font-size: 22px;
			
		}
		.tltle_text {
			margin-left: 4px;
			.title_name {
				color: var(--el-color-primary);
			}
		}
	}
	.highLight {
		color: var(--el-color-primary);
	}
	.diy_tag {
		cursor: pointer;
		&:hover {
			background: var(--el-color-primary);
			color: #fff;
			transition: .3s all;
		}
	}
